import { PageContainer } from '@ant-design/pro-components';
import { Card, theme } from 'antd';
import React from 'react';
import { Link } from '@umijs/max';

const Welcome: React.FC = () => {
  const { token } = theme.useToken();
  return (
    <PageContainer>
      <Card
        style={{
          borderRadius: 8,
        }}
        bodyStyle={{
          backgroundImage: 'background-image: linear-gradient(75deg, #FBFDFF 0%, #F5F7FF 100%)',
        }}
      >
        <div
          style={{
            backgroundPosition: '100% -30%',
            backgroundRepeat: 'no-repeat',
            backgroundSize: '274px auto',
            backgroundImage:
              "url('https://gw.alipayobjects.com/mdn/rms_a9745b/afts/img/A*BuFmQqsB2iAAAAAAAAAAAAAAARQnAQ')",
          }}
        >
          <div
            style={{
              fontSize: '20px',
              color: token.colorTextHeading,
            }}
          >
            欢迎使用电商后台系统🌟🌟🌟
          </div>

          <div>
            <h3>快速跳转</h3>
            <div>
              <Link to="/admin/user">用户管理</Link>
            </div>
            <div>
              <Link to="admin/goods">商品管理</Link>
            </div>
            <div>
              <Link to="/admin/category">商品分类管理</Link>
            </div>
            <div>
              {' '}
              <Link to="/admin/order">订单管理</Link>
            </div>
          </div>
        </div>
      </Card>
    </PageContainer>
  );
};

export default Welcome;
